﻿<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>为链接提供下拉菜单</title>
    <script type="text/javascript">
        function listmenu(){
            document.all.sonMain.style.display=(document.all.sonMain.style.display =='none')?'':'none';
        }
    </script>
</head>
<body>
<div id="main" style="color:blue; margin:4px 4px 4px 60px;" onclick="listmenu()">
    <a href="#"> 我的网站</a>
</div>
<div id="sonMain" style="display:none; margin:4px 4px 4px 70px;">
    <a href="#">&nbsp;&nbsp;关于开发语言</a><br>
    <a href="#">&nbsp;&nbsp;关于程序员前途</a><br>
    <a href="#">&nbsp;&nbsp;Microsoft前进之路</a><br>
    <a href="#">&nbsp;&nbsp;Sun前进之路</a><br>
    <a href="#">&nbsp;&nbsp;数据发展历史回眸</a><br>
    <a href="#">&nbsp;&nbsp;数据库的由来</a><br>
    <a href="#">&nbsp;&nbsp;Web2.0时代的到来</a><br>
</div>
</body>
</html>